// pages/main/index.js
Page({
	nav(e){
		let index=e.currentTarget.dataset.index
		let url=this.data.contents[index].path
		wx.navigateTo({url})
	},
  data: {
    contents:[{
      title: '第一个小程序页面',
      path:'pages/first/me',
      jj:'如何添加新的页面，如何使用wxml来组织页面内容，组件view,text,button的使用，页面数据的绑定，为组件添加事件比如 bind:tap点击事件，在js文件编写逻辑代码，wxss控制页面像是的样式，通过this.setData()来动态设置页面数据'
    },{
      title: '猜猜猜小游戏',
      path:'/pages/caicaicai/index',
      jj:'input组件的使用， bindinput事件用来获取输入的数据，键值对"max:max",可以简写成"max",用push()方法向数组末尾添加元素，用parselnt（）函数将字符串比如“256”转换成数值256，页面函数input.function{}可简写成 input（e）,用wx：for进行列表的渲染，item代表当前渲染的数据项'
    },{
      title: '我的朋友们',
      path:'/pages/friends/index',
      jj:'列表渲染中每个元素都是对象{},可以通过.的语法比如item.title来访问，index代表当前渲染元素的索引号，还可以设置wx:key来提高渲染的性能'
    },{
      title: '网络获取生活指数',
      path:'/pages/life/index',
      jj:'在onload生命周期函数通过wx:request()来发起网络请求，sucess表示成功时要执行的操作，fail是失败时执行的操作，complete时不管成功还是失败都会执行，利用block来进行列表渲染'
	},{
		title: '组织所有讲课的内容',
		path:'/pages/main/index',
		jj:'通过data-xxx="{{v}}"传递一些附加数据，绑定事件的组件称之为currentTarget,实际点击的组件称之为target，通过this.data来获取页面数据，通过wx.navigateTo{{url}}跳转到指定的页面'
	  },{
      title: '歌手为我唱响',
		path:'pages/music/index',
		jj: '数组的forEach遍历，通过this调用页面函数比如this.f()，利用InnerAudioContext对象播放歌曲，反引号字符串的使用，仅仅更新有修改的数组元素，除bind外，还可以使用catch绑定非冒泡事件，条件渲染，startTime设置开始播放的时间，onEnded监听歌曲播放结束，利用wx.setStorageSync()在页面onUnload时将数据缓存到手机，调试面板的Storage可以查看缓存的数据，onLoad时利用wx.getStorageSync()来获取缓存的数据，使用wx.getBackgroundAudioManager()获取管理器，需要设置src及title，背景音乐播放需要app.json文件中配置requireBackgroundModes项',

    }]

  },

})